body {
 background-color: #f6f6f6 !important;
 color: #3c3c3c;
 margin: 0;
}
ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.container {
 padding: 0 360px;
}
header {
 display: grid;
 grid-template-rows: 30px 60px;
}
.mb-20 {
 margin-bottom: 20px;
}
.mb-10 {
 margin-bottom: 10px;
}
header .topMsg {
 background-color: antiquewhite;
}
header .topMsg p {
 background-color: #995d17;
 width: 300px;
 height: 30px;
 margin: 0;
 line-height: 30px;
 text-align: center;
 color: #fff;
 font-weight: bold;
}
header .topMenu {
 background-color: aquamarine;
}
header .topMenu .topMenu_menulst {
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 height: 60px;
 gap: 10px;
}
header .topMenu .topMenu_menulst li {
 background-color: bisque;
}

.bigImg {
 height: 400px;
 background-color: rgb(68, 85, 80);
}

.middleMenu {
 display: grid;
 grid-template-columns: repeat(5,1fr);
 height: 40px;
 gap: 10px;
}

.middleMenu li {
 background-color: #995d17;
}

.Cubic {
 display: grid;
 grid-template-columns: repeat(4,1fr);
 gap: 10px;
}
.Cubic li {
 background-color: aquamarine;
}
.Cubic li .img {
 height: 200px;
 background-color: aquamarine;
}
.Cubic li .title {
 height: 30px;
 background-color: blanchedalmond;
}

.fullImg {
 background-color: #6c8397;
 height: 300px;
}

.imgDesc {
 display: grid;
 grid-template-columns: 400px 1fr;
 gap: 20px;
}
.imgDesc .img {
 height: 400px;
 background-color: #995d17;
}
.imgDesc .desc {
 height: 400px;
 background-color: antiquewhite;
}

.complexImg {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 gap: 20px;
}

.complexImg li {
 background-color: aquamarine;
 height: 300px;
}

.complexImg li:nth-child(1){
 /* 从第一列线开始,横跨到第三列 */
 grid-column: 1/3;
}
.complexImg li:nth-child(4){
 /* 从第二列开始, 横跨到最后一列, -1 通常指最后一列 */
 grid-column: 2/-1; 
}

.txtImg {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0;
}
.txtImg .txt {
 background-color: #6c8397;
 padding: 20px;
}
.txtImg .txt .title {
 background-color: #f6f6f6;
 height: 150px;
}
.txtImg .txt .subtitle {
 background-color: #995d17;
 height: 80px;
}
.txtImg .txt .btn {
 background-color: burlywood;
 height: 40px;
 width: 80px;
}
.txtImg .img {
 height: 400px;
 background-color: aqua;
}

footer {
 background-color: #6c8397;
 min-height: 300px;
 padding-top: 20px;
}
footer .footerMenu {
 display: grid;
 grid-template-columns: repeat(5,1fr);
 gap: 20px;
}
footer .footerMenu li .list {
 display: grid;
 gap: 10px;
}
footer .footerMenu li .list li {
 height: 40px;
 width: 120px;
 background-color: #f6f6f6;
}

footer .footerMenu li .list li:nth-child(1){
 background-color: #b9ccdd;
}

footer .footerMsg {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
}
footer .footerMsg .left {
 height: 40px;
 background-color: #995d17;
 display: grid;
 place-content: center;
 color: #fff;
}
footer .footerMsg .right {
 height: 40px;
 background-color: aliceblue;
}